<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
<title>MYHOUSE·中国官网</title>
<link href="/myhouse/static/web/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/myhouse/static/web/js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--menu-->
<script src="/myhouse/static/web/js/scripts.js"></script>
<link href="/myhouse/static/web/css/styles.css" rel="stylesheet">
<!--//menu-->
<!--theme-style-->
<link href="/myhouse/static/web/css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Real Home Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- slide -->
<script src="/myhouse/static/web/js/responsiveslides.min.js"></script>
   <script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
  </script>
</head>
<body >
<!--header-->
<jsp:include page="/inc/head.jsp"></jsp:include>
<!--//-->	
	<div class=" header-right">
		<div class=" banner">
			 <div class="slider">
			    <div class="callbacks_container">
			      <ul class="rslides" id="slider">		       
					 <li>
			          	 <div class="banner1">
			           		<div class="caption">
			          		</div>
			          	</div>
			         </li>
					 <li>
			          	 <div class="banner2">
			           		<div class="caption">
			          		</div>
			          	</div>
			         </li>
			         <li>
			          	 <div class="banner3">
			           		<div class="caption">
			          		</div>
			          	</div>
			         </li>		
			      </ul>
			  </div>
			</div>
		</div>
	</div>
	 
	<!--header-bottom-->
	<div class="banner-bottom-top">
			<div class="container">
			<div class="bottom-header">
				<div class="header-bottom" style="display: flex; justify-content: center">
					<div class=" bottom-head">
						<a href="/myhouse/web/buy">
							<div class="buy-media">
								<i class="buy"> </i>
								<h6>买房</h6>
							</div>
						</a>
					</div>
					<div class=" bottom-head">
						<a href="/myhouse/web/about">
							<div class="buy-media">
							<i class="rent"> </i>
							<h6>租房</h6>
							</div>
						</a>
					</div>
					<div class=" bottom-head">
						<a href="/myhouse/web/blog">
							<div class="buy-media">
							<i class="pg"> </i>
							<h6>民宿</h6>
							</div>
						</a>
					</div>
					<div class=" bottom-head">
						<a href="/myhouse/web/hotel">
							<div class="buy-media">
							<i class="apart"> </i>
							<h6>酒店</h6>
							</div>
						</a>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
	</div>
	</div>
			<!--//-->
				
	<!--//header-bottom-->
	
	
<!--//header-->
<!--content-->
<div class="content">
<!--service-->
	<div class="services">
		<div class="container">
	<div class="project" style="width: 1320px; margin-left: -80px">
		<div class="container">
			<h3>热售预览</h3>
				<div class="project-top">
					<c:forEach begin="0" end="3" items="${requestScope.houseList}" var="house">
						<div class="col-md-3 project-grid">
							<div class="project-grid-top">
								<a class="mask">
									<div style="width: 254px; height: 200px;" >
										<img style="width: 100%;height: 100%" src="/myhouse/static/uploadImages/${house.showImg}" class="img-responsive zoom-img" alt=""/>
									</div>
								</a>

									<div class="col-md1">
									 <div class="col-md2">
										 <div class="col-md4">
											<strong>${house.city}—${house.type}</strong>
										 </div>
										 <div class="clearfix"> </div>
									 </div>
										<p style="position: relative;top: 10px;">卧室数量：${house.room}间 </p><br>
										<p style="position: relative;top: -10px;">房屋面积：${house.area}㎡</p><br>
										<p style="position: relative;top: -30px;">${house.sellManner.sellManner}中</p><br>
									 <p style="position: relative;top: -40px;" class="cost">￥${house.price}</p>
									 <a style="position: relative;top: -20px; left: 50px;" href="/myhouse/web/single?id=${house.id}&&mediatorId=${house.mediatorId}" class="hvr-sweep-to-right more">查看详情</a>
								 </div>
							</div>
						</div>
					</c:forEach>
				</div>				
		</div>
	</div>
		<div class="content-bottom">
			<div class="container">
				<h3>创始团队</h3>
					<div class="col-md-6 name-in">
						<div class=" bottom-in">
							<p class="para-in">我希望可以为每一个都市夜归人寻得一所满意的住所。</p>
						    <i class="dolor"> </i>
							<div class="men-grid">
								<a href="#" class="men-top"><img class="img-responsive men-top" src="/myhouse/static/web/images/te.jpg" alt=""></a>
								<div class="men">
								<span>Yao·Value·Hao</span>
								<p>MYHOUSE首席执行官</p>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
						<div class=" bottom-in">
							<p class="para-in">我希望通过 MYHOUSE 让房产交易变得透明、高效且安心，让行业持续健康发展！</p>
							<i class="dolor"> </i>
							<div class="men-grid">
								<a href="#" class="men-top"><img class="img-responsive " src="/myhouse/static/web/images/te1.jpg" alt=""></a>
								<div class="men">
									<span>贾文琪</span>
									<p>MYHOUSE首席运维官</p>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
					</div>
					<div class="col-md-6  name-on">
						<div class="bottom-in ">
							<p class="para-in">我希望通过每一处好房产来去俘获每一个女孩的笑颜，她好我也好！</p>
							<i class="dolor"> </i>
							<div class="men-grid">
								<a href="#" class="men-top"><img class="img-responsive " src="/myhouse/static/web/images/te2.jpg" alt="" style="width: 70px;"></a>
								<div class="men">
									<span>Li·PB·Lei</span>
									<p>MYHOUSE大中华区总裁</p>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
					</div>
					<div class="clearfix"> </div>
			</div>
		</div>		
<!--//test-->	
<!--partners-->
	<div class="content-bottom1">
		<h3>合作伙伴</h3>
	 		<div class="container">
				<ul>
					<li><a href="https://qd.lianjia.com/"><img class="img-responsive" src="/myhouse/static/web/images/lg.png" alt=""></a></li>
					<li><a href="https://qd.ke.com/"><img class="img-responsive" src="/myhouse/static/web/images/lg1.png" alt=""></a></li>
					<li><a href="https://qd.58.com/"><img class="img-responsive" src="/myhouse/static/web/images/lg2.png" alt=""></a></li>
					<li><a href="https://www.meituan.com/"><img class="img-responsive" src="/myhouse/static/web/images/lg3.png" alt=""></a></li>
					<li><a href="https://www.goofish.com/"><img class="img-responsive" src="/myhouse/static/web/images/lg4.png" alt=""></a></li>
				<div class="clearfix"> </div>
				</ul>
<%--				<ul>--%>
<%--					<li><a href="#"><img class="img-responsive" src="/myhouse/static/web/images/lg5.png" alt=""></a></li>--%>
<%--					<li><a href="#"><img class="img-responsive" src="/myhouse/static/web/images/lg6.png" alt=""></a></li>--%>
<%--					<li><a href="#"><img class="img-responsive" src="/myhouse/static/web/images/lg7.png" alt=""></a></li>--%>
<%--					<li><a href="#"><img class="img-responsive" src="/myhouse/static/web/images/lg8.png" alt=""></a></li>--%>
<%--					<li><a href="#"><img class="img-responsive" src="/myhouse/static/web/images/lg9.png" alt=""></a></li>--%>
<%--				</ul>--%>
			</div>
		</div>
	</div>
		<br><br>
<!--footer-->
<jsp:include page="/inc/footer.jsp"></jsp:include>
</div>
</div>
</body>
</html>